<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>考察点管理-管理页面</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
        <div>
            <div class="zr_header">
                <div class="zr-center-box">
                    <img src="img/logo.png" class="zr_logo"/>
                    <ul class="zr_tab">
                        <li>我的问卷</li>
                        <li>高级检索</li>
                        <li>综合题库</li>
                        <li>用户管理</li>
                        <li class="zr_tab-border">考察点管理</li>
                        <li>联系人管理</li>
                        <li>帮助中心</li>
                    </ul>
                    <div class="zr_right-box">
                        <img class="zr_head-img" src="img/header.png"/>
                        <span>dnnfdsh</span>
                        <span>|</span>
                        <span>退出</span>
                    </div>
                </div>
            </div>
            <div class="zr_fixed-box"></div>
            <div class="zr_search-box">
                <div class="zr-center-box">
                    <div class="zr_search-form zr_pointer">
                        <div class="zr_til-form">
                            <img src="img/lt.png" class="zr_back-icon"/>
                            <span>返回</span>
                            <span class="zr_sg">|</span>
                            <span class="zr_green-ionic">管理考察点</span>
                        </div>
                        <input type="button" class="zr_float-r zr_save-btn" value="保存"/>
                    </div>
                </div>
            </div>
            <div class="zr-center-box" style="margin-top: 20px;">
            <div class="zr_float-l zr_list-l zr-fix">
                <input type="button" class="zr_save-btn zr_add-frist zr_button-w" value="+添加一级体系"/>
                <ul class="zr_list-ul">
                    <li>全部一级体系</li>
                    <li>
                        <input type="text" class="zr_input"/>
                        <div class="zr_float-r">
                            <span class="zr_d zr_pointer">√</span>
                            <span class="zr_c zr_pointer">×</span>
                        </div>
                    </li>
                    <li class="zr_green-ionic">
                        001市场调查
                        <div class="zr_float-r">
                            <img src="img/change.png" class="zr_ionic-list zr_pointer"/>
                            <img src="img/del-red.png" class="zr_ionic-show zr_pointer" id="del"/>
                        </div>
                    </li>
                    <li>002市场咨询</li>
                    <li>003市场开发</li>
                    <li>004市场咨询</li>
                </ul>
            </div>
            <div class="zr_float-r zr_list-r">
                <div class="zr_common-box zr_common-box-l">
                    <table>
                        <thead>
                        <tr>
                            <td class="w-10">
                                序号
                            </td>
                            <td class="w-90">
                                二级体系
                            </td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <input type="checkbox"/> 1
                            </td>
                            <td>
                                <input type="text" class="zr_second-input" value="偏好"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox"/> 2
                            </td>
                            <td>
                                <input type="text" class="zr_second-input" value="偏好"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox"/> 3
                            </td>
                            <td>
                                <input type="text" class="zr_second-input" value="偏好"/>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="zr_choice">
                        <span class="zr_float-l">选项</span>
                        <img class="zr_img-choice" src="img/add.jpg"/>
                        <img class="zr_img-choice" src="img/del.jpg"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="zr_pop" id="pop">
            <div class="zr_center">
                <h5 class="zr_til-pop">提示</h5>
                <div class="zr_del-word">
                    <img src="img/tanhao.png" class="zr_ionic-w zr_img-mar"/>
                    考察点已被使用，不可删除！
                </div>
                <button class="zr_btn zr_btn1 zr_only-btn" id="ok">确认</button>
            </div>
        </div>
        <div class="zr_scroll-top" id="scrollTop">
            <img src="img/top.png"/>
        </div>
        <div class="zr_scroll-top zr_scroll-bottom" id="scrollBottom">
            <img src="img/bottom.png"/>
        </div>
    </div>
</body>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
    $('#del').click(function () {
        $('#pop').show();
        $('body').css('overflowY','hidden');
    });
    $('#ok').click(function () {
        $('.zr_pop').hide();
        $('body').css('overflowY','scroll');
    });
    $('#scrollTop').click(function(){
        $("html,body").animate({scrollTop:0}, 100);
    });
    $('#scrollBottom').click(function(){
        var bodyHeight = $(document).height();
        $("body,html").animate({ "scrollTop": bodyHeight + "px" }, 100);
    });
    $(window).on('scroll',function(){
        var h = 140 - $(this).scrollTop();
        if (h > 80){
            $('.zr-fix').css('top',h);
        }else{
            $('.zr-fix').css('top','80px');
        }
    });
</script>
</html>